
/*全局样式*/
*
  margin: 0
  padding: 0
  box-sizing: border-box
  moz-user-select: -moz-none
  -moz-user-select: none 
  -o-user-select: none
  -khtml-user-select: none
  -webkit-user-select: none
  -ms-user-select: none
  user-select: none
a
  color: #586C94
  padding: 0 8px

html
  height: 100%
  width: 100%
  font-size: 43.4px
body
  background: #2c2c2c
  display: flex
  align-items: center
  justify-content: center
  height: 100%
  width: 100%
  font-size: 17px;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  font-family: "冬青黑体简体中文","Tahoma","Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif !important;
  overflow-y: hidden
.txt-gray
  color: #888
.txt-orange
  color: #DE7C23

.line-basic
  line-height: 49px
  font-size: 1rem

.txt-ft
  float: right
.txt-alert
  text-align: center
  color: #ccc
  line-height: 60px
.padding-gap
  padding:0 15px
.content-pad
  box-sizing: border-box
  padding: 3px
.cell
  margin-top: 10px
  border: 1px solid #efefef
  border-left: 0
  border-right: 0
  line-height: 3rem
  text-indent: 0.8rem
  background: #fff
  a
    float: right

/*placeholder样式*/
:-moz-placeholder
  color: #888
::-moz-placeholder
  color: #888
input:-ms-input-placeholder,
textarea:-ms-input-placeholder
  color: #888
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
  color: #888
.placeholder
  color: #888

/*滚动条样式*/
*::-webkit-scrollbar-button
  display: none
*::selection
  background: #888
  color: #fff
*::-webkit-scrollbar
  width: 4px
  height: 4px
  padding-right: 2px
  background-color: #f9f9f9
  box-shadow: inset 0 0 2px #ccc
*::-webkit-scrollbar-thumb
  border-radius: 0.5em
  border: 1px solid #f9f9f9
  background-color: #9a9a9a


#container
  height: 100%
  width: 100%
.layout-main
  position: absolute
  top: 0
  left: 0
  width: 100%
  height: 100%
  background: #fbf9fe
  display: table
  overflow: auto
.layout-content
  padding: 10px
  box-sizing: border-box


@media screen and (min-width: 480px)
  .layout-main
    position: absolute
    top: 0
    left: 50%
    width: 480px
    height: 100%
    box-sizing: border-box
    margin-left: -240px
    overflow: auto

.pic-card
  border: 1px solid #efefef
  box-sizing: border-box
  background: #fff
  padding: 8px
  position: relative
  &.box
    border-radius: 4px
    margin: 15px 8px
    box-shadow: 1px 1px 3px #efefef
    cursor: pointer
    &:hover
      box-shadow: 1px 2px 4px #eee
  .detail
    img
      max-width: 100%
    h5
      font-weight: normal
      font-size: 1.3rem
    p
      color: #333
      font-size: 1rem
    .time
      float: right
      font-size: 0.9rem
      color: #555
  .author
    text-indent: 40px
    line-height: 40px
    font-size: 1rem
    img
      width: 30px
      height: 30px
      border-radius: 50%
      border: 1px solid #efefef
      position: absolute
      margin-left: -40px
  button.action
    background: orange
    border: none
    color: #fff
    padding: 4px 8px
    border-radius: 4px
    position: absolute
    right: 8px
    margin-top: -25px
    outline: none
    cursor: pointer

